<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>



    <link rel="stylesheet" href="./stylesheets/style.css">
    <link rel="stylesheet" href="./stylesheets/swiper.min.css">
    <script src="./javascripts/swiper.min.js"></script>

    <script src="./javascripts/library/require.js" data-main="./javascripts/library/index.js"></script>

</head>

<body>
    <header>
        <div class="wrapper">
            <ul class="nav_left">
                <li><a href="">首页</a></li>
                <li><a href="">华为官网</a></li>
                <li><a href="">花粉俱乐部</a></li>
                <li><a href="">v码(优购码)</a></li>
                <li><a href="">企业购</a></li>
                <li><a href="">Select Region</a></li>
                <li><a href="" class="icon">更多精彩
                        <div></div>
                    </a>
                    <ul class="two_nav">
                        <li><a href="">HarmonyOS</a></li>
                        <li><a href="">应用市场</a></li>
                        <li><a href="">华为终端云空间</a></li>
                        <li><a href="">开发者联盟</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav_right">
                <li><a href="#">请登录</a></li>
                <li><a href="#">注册</a></li>
                <li><a href="">我的订单</a></li>
                <li>
                    <a href="">客户服务
                        <span></span>
                    </a>
                    <ul class="two_nav">
                        <li><a href="">服务中心</a></li>
                        <li><a href="">联系客服</a></li>
                    </ul>
                </li>
                <li>
                    <a href="">
                        网站导航
                        <span></span>
                    </a>
                    <div class="b">
                        <dl>
                            <dt><a href=""></a></dt>
                            <dd><a href="">商城首页</a></dd>
                        </dl>
                        <ul>
                            <h4>频道</h4>
                            <li><a href="">华为专区</a></li>
                            <li><a href="">教育优惠</a></li>
                        </ul>
                        <p>
                            <a href="">企业购</a>
                        </p>
                        <ul>
                            <h4>产品</h4>
                            <li><a href="">手机</a></li>
                            <li><a href="">平板</a></li>
                            <li><a href="">智能家居</a></li>
                            <li><a href="">耳机音响</a></li>
                            <li><a href="">生态产品</a></li>
                        </ul>
                        <ul>
                            <li><a href="">笔记本</a></li>
                            <li><a href="">智能穿越</a></li>
                            <li><a href="">智慧屏</a></li>
                            <li><a href="">热销配件</a></li>
                            <li><a href="">增值服务</a></li>
                        </ul>
                        <ul>
                            <h4>增值服务</h4>
                            <li><a href="">以旧换新</a></li>
                            <li><a href="">一口价换电池</a></li>
                        </ul>
                        <p>
                            <a href="">补购保障</a>
                        </p>
                        <ul>
                            <h4>会员</h4>
                            <li><a href="">会员频道</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="">
                        手机版
                        <span></span>
                    </a>
                    <div class="pb">
                        <dl>
                            <dt>
                                <a href="">
                                    <img src="../img/3.png" alt="">
                                </a>
                            </dt>
                            <dd>
                                <h5>华为商城APP</h5>
                                <p>新人专享好礼</p>
                                <p>最高5000积分</p>

                                <span></span>
                                <span></span>
                                <span></span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <a href="">
                                    <img src="../img/2.jpg" alt="">
                                </a>
                            </dt>
                            <dd>
                                <h5>华为商城公众号</h5>
                                <p>微信扫一扫</p>
                                <span></span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <a href="">
                                    <img src="../img/1.jpg" alt="">
                                </a>
                            </dt>
                            <dd>
                                <h5>微信小程序</h5>
                                <span></span>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="../html/购物车.html">
                        购物车<span></span>
                    </a>
                    <dl>
                        <dt></dt>
                        <dd>您的购物车是空的，赶紧选购吧~</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </header>
    <div class="headb">
        <div class="wrapper">
            <div class="left">
                <div class="logo">
                    <a href="">
                        <img src="../img/5.webp" alt="">
                    </a>
                </div>
                <ul>
                    <li>
                        <a href=""><img src="../img/6.png" alt=""></a>
                    </li>
                    <li><a href="">全球甄选
                    </a></li>
                    <li><a href="">华为智选</a></li>
                    <li><a href="">鸿蒙智联</a></li>
                    <li><a href="">福利中心</a></li>
                </ul>
            </div>
            <div class="right">
                <form action="">
                    <input type="text">
                    <input type="submit" value="">
                    <div class="search">
                        <span><a href="">MatePad Pro</a></span>
                        <span><a href="">Nova8</a></span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="nav_main">
        <div class="layout">
            <ul>
                <li class="clear">
                    <a href="">
                        手机
                    </a>
                    <span>></span>
                    <ul class="sec_nav">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        智能穿戴&VR
                    </a>
                    <span>></span>
                    <ul class="sec_nav one">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        耳机音箱眼镜
                    </a>
                    <span>></span>
                    <ul class="sec_nav one">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="sec_nav two">


                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        智慧屏
                    </a>
                    <span>></span>
                    <ul class="sec_nav one">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        电脑
                    </a>
                    <span>></span>
                    <ul class="sec_nav one">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        平板
                    </a>
                    <span>></span>
                    <ul class="sec_nav one">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        智能路由
                    </a>
                    <span>></span>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        配件
                    </a>
                    <span>></span>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        生态产品
                    </a>
                    <span>></span>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        家用电器
                    </a>
                    <span>></span>
                    <ul class="sec_nav one">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        美食酒饮
                    </a>
                    <span>></span>
                    <ul class="sec_nav one">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="clear">
                    <a href="">
                        增值服务&企业商用
                    </a>
                    <span>></span>
                    <ul class="sec_nav one">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="sec_nav two">
                        <li>
                            <a href="">
                                <img src="../img/7.png" alt="">
                                <span>HUAWEI mate系列</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="yuan">
                                <span></span> 查看全部
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="banner" id="banner">
        <div class="swiper-container" id="con">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../img/pinpaishengdian.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../img/30631636362613613603.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../img/zhongqiu.jpg" alt="">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination" id="page" style="bottom: 100px;"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
        </div>
    </div>
    <div class="main">
        <div class="wrapper">
            <div class="h">
                <ul>
                    <li>
                        <div class="l">
                            <img src="../img/9.png" alt="">
                        </div>
                        <div class="r">
                            <div class="r_h">
                                <span>您好!&nbsp;请</span>
                                <a href="./html/登录页面.html">
                                    登录&nbsp;/
                                </a>
                                <a href="./html/注册页面.html">注册</a>
                            </div>
                            <div class="r_b">
                                <a href="">新人福利</a>
                                <a href="">会员频道</a>
                            </div>
                        </div>
                        <div class="line"></div>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <a href=""></a>
                                <a href="">企业购</a>
                            </li>
                            <li>
                                <a href=""></a>
                                <a href="">会员领券</a>
                            </li>
                            <li>
                                <a href=""></a>
                                <a href="">以旧换新</a>
                            </li>
                            <li>
                                <a href=""></a>
                                <a href="">教育优惠</a>
                            </li>
                            <li>
                                <a href=""></a>
                                <a href="">新品首发</a>
                            </li>
                            <li>
                                <a href=""></a>
                                <a href="">智能家居</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <div class="top">
                            <div class="t_l">
                                公告
                            </div>
                            <div class="t_r">
                                健康护卫日活动
                            </div>
                        </div>
                        <ul class="bot">
                            <li>
                                <a href="">
                                    <span></span>
                                    <span>优购码</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <span></span>
                                    <span>更换电池</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <span></span>
                                    <span>补购保障</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <ul class="newpro">
                <li>
                    <a href="">
                        <img src="../img/FreeBus.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../img/FreeBus.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../img/FreeBus.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../img/FreeBus.png" alt="">
                    </a>
                </li>
            </ul>
            <div class="hot">
                <h2>热销单品</h2>
                <div class="hot_l">
                    <a href="">
                        <img src="../img/11.png" alt="">
                    </a>
                </div>
                <div class="hot_r">
                    <ul class="hot_r_t">
                        <!-- <li class="list1">
                            <a href="">
                                <img src="../img/13.png" alt="">
                                <p>MatePad Pro</p>
                                <p>预订省200元 </p>
                                <p>¥4999</p>
                            </a>
                        </li> 
                         <li class="list2">
                            <a href="">
                                <img src="../img/13.png" alt="">
                                <p>MatePad Pro</p>
                                <p>预订省200元 </p>
                                <p>¥4999</p>
                            </a>
                        </li>
                        <li class="list3">
                            <a href="">
                                <img src="../img/13.png" alt="">

                                <p>MatePad Pro</p>
                                <p>预订省200元 </p>
                                <p>¥4999</p>
                            </a>
                        </li>
                        <li class="list4">
                            <a href="">
                                <img src="../img/13.png" alt="">
                                <p>MatePad Pro</p>
                                <p>预订省200元 </p>
                                <p>¥4999</p>
                            </a>
                        </li> -->
                    </ul>
                    <ul class="hot_r_b">
                        <li>
                            <a href="">
                                <img src="../img/13.png" alt="">
                                <p>MatePad Pro</p>
                                <p>预订省200元 </p>
                                <p>¥4999</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/13.png" alt="">
                                <p>MatePad Pro</p>
                                <p>预订省200元 </p>
                                <p>¥4799</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/13.png" alt="">
                                <p>MatePad Pro</p>
                                <p>预订省200元 </p>
                                <p>¥4999</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/13.png" alt="">
                                <p>MatePad Pro</p>
                                <p>预订省200元 </p>
                                <p>¥4999</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="jptj">
                <h2>精品推荐</h2>
                <div class="jptj_b">
                    <ul>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/13.png" alt="">
                                    <p>限时直降100元 </p>
                                </div>
                                <p>MatePad Pro 10.8</p>
                                <p>¥3699</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/13.png" alt="">
                                    <p>限时直降100元 </p>
                                </div>
                                <p>MatePad Pro 10.8</p>
                                <p>¥3699</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/13.png" alt="">
                                    <p>限时直降100元 </p>
                                </div>
                                <p>MatePad Pro 10.8</p>
                                <p>¥3699</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/13.png" alt="">
                                    <p>限时直降100元 </p>
                                </div>
                                <p>MatePad Pro 10.8</p>
                                <p>¥3699</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/13.png" alt="">
                                    <p>限时直降100元 </p>
                                </div>
                                <p>MatePad Pro 10.8</p>
                                <p>¥3699</p>
                            </a>
                        </li>
                    </ul>
                    <div class="btnright"><a href="">&gt;</a></div>
                </div>
            </div>
            <ul class="banner_mini">
                <li>
                    <a href="">
                        <img src="../img/14.png" alt="">
                    </a>
                </li>
            </ul>
            <div class="zncd">
                <div class="zncd_t">
                    <h3>智能穿戴&VR</h3>
                    <ul>
                        <li><a href="">智能手表</a></li>
                        <li><a href="">儿童手表</a></li>
                        <li><a href="">智能手环</a></li>
                        <li><a href="">智能体脂秤</a></li>
                        <li><a href="">VR</a></li>
                    </ul>
                    <div>
                        <a href="">查看更多</a><span>&gt;</span>
                    </div>
                </div>
                <div class="zncd_b">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../img/15.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/16.png" alt="">
                                <p>儿童手表 4X 新耀款</p>
                                <p>
                                    享三期免息
                                </p>
                                <p>
                                    ¥1398
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/16.png" alt="">
                                <p>儿童手表 4X 新耀款</p>
                                <p>
                                    享三期免息
                                </p>
                                <p>
                                    ¥1398
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/16.png" alt="">
                                <p>儿童手表 4X 新耀款</p>
                                <p>
                                    享三期免息
                                </p>
                                <p>
                                    ¥1398
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="zncd_c">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../img/16.png" alt="">
                                <p>儿童手表 4X 新耀款</p>
                                <p>
                                    享三期免息
                                </p>
                                <p>
                                    ¥1398
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/16.png" alt="">
                                <p>儿童手表 4X 新耀款</p>
                                <p>
                                    享三期免息
                                </p>
                                <p>
                                    ¥1398
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/16.png" alt="">
                                <p>儿童手表 4X 新耀款</p>
                                <p>
                                    享三期免息
                                </p>
                                <p>
                                    ¥1398
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/16.png" alt="">
                                <p>儿童手表 4X 新耀款</p>
                                <p>
                                    享三期免息
                                </p>
                                <p>
                                    ¥1398
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../img/16.png" alt="">
                                <p>儿童手表 4X 新耀款</p>
                                <p>
                                    享三期免息
                                </p>
                                <p>
                                    ¥1398
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="zncd_d">
                    <ul>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/17.png" alt="">
                                    <p>热销爆款</p>
                                </div>
                                <p>HUAWEI VR Glass</p>
                                <p>¥2999</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/17.png" alt="">
                                    <p>热销爆款</p>
                                </div>
                                <p>HUAWEI VR Glass</p>
                                <p>¥2999</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/17.png" alt="">
                                    <p>热销爆款</p>
                                </div>
                                <p>HUAWEI VR Glass</p>
                                <p>¥2999</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/17.png" alt="">
                                    <p>热销爆款</p>
                                </div>
                                <p>HUAWEI VR Glass</p>
                                <p>¥2999</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/17.png" alt="">
                                    <p>热销爆款</p>
                                </div>
                                <p>HUAWEI VR Glass</p>
                                <p>¥2999</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div>
                                    <img src="../img/17.png" alt="">
                                    <p>热销爆款</p>
                                </div>
                                <p>HUAWEI VR Glass</p>
                                <p>¥2999</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                &gt;
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="foot_top">
            <div class="wrapper">
                <ul class="clear">
                    <li>
                        <a href="">
                            <i></i> 百年企业&nbsp;品质保证
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i></i>
                            <span>7天退货&nbsp;15换货</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i></i>
                            <span>48元起免运费</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i></i>
                            <span>2000家服务店&nbsp;全国联保</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot_center">
            <div class="wrapper clear">
                <!-- 左 -->
                <div class="clear">
                    <dl>
                        <dt>购物相关</dt>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="">配送方式</a></dd>
                        <dd><a href="">支付方式</a></dd>
                        <dd><a href="">常见问题</a></dd>
                    </dl>
                    <dl>
                        <dt>保修与退还</dt>
                        <dd><a href="">保修政策</a></dd>
                        <dd><a href="">退换货政策</a></dd>
                        <dd><a href="">保修状态查询</a></dd>
                        <dd><a href="">配件防伪查询</a></dd>
                    </dl>
                    <dl>
                        <dt>维修与技术支持</dt>
                        <dd><a href="">服务店</a></dd>
                        <dd><a href="">预约维修</a></dd>
                        <dd><a href="">手机寄修</a></dd>
                        <dd><a href="">配件价格查询</a></dd>
                        <dd><a href="">上门服务</a></dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd><a href="">防伪查询</a></dd>
                        <dd><a href="">补购保障</a></dd>
                        <dd><a href="">以旧换新</a></dd>
                        <dd><a href="">礼品包装</a></dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="">公司介绍</a></dd>
                        <dd><a href="">华为商城简介</a></dd>
                        <dd><a href="">华为零售店</a></dd>
                        <dd><a href="">商家中心</a></dd>
                        <dd><a href="">意见反馈</a></dd>
                    </dl>
                    <dl>
                        <dt>友情链接

                        </dt>
                        <dd><a href="">华为集团</a></dd>
                        <dd><a href="">华为CBG官网</a></dd>
                        <dd><a href="">花粉俱乐部</a></dd>
                        <dd><a href="">华为云</a></dd>
                        <dd><a href="">华为应用市场</a></dd>

                    </dl>
                </div>
                <!-- 右 -->
                <div>
                    <div>
                        <p>950805</p>
                        <p>7x24小时客服热线&nbsp;(仅收市话费)</p>
                        <div>
                            <a href="">
                                <i></i>
                                <span>在线客服</span>
                            </a>
                        </div>
                        <div class="clear">
                            <span>关注Vmall:</span>
                            <i>
                                <a href=""></a>
                                <div>
                                    <img src="../img/19.png" alt="">
                                </div>
                            </i>
                            <i><a href=""></a></i>
                            <i><a href=""></a></i>
                            <i><a href=""></a></i>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="foot_bottom">
            <div class="wrapper clear">
                <p>
                    <a href="">
                        <img src="../img/20.png" alt="华为商城">
                    </a>
                </p>
                <div>
                    <ul class="clear">
                        <li><a href="">华为集团</a></li>
                        <li><a href="">华为CBG官网</a></li>
                        <li><a href="">花粉俱乐部</a></li>
                        <li><a href="">华为应用市场</a></li>
                        <li><a href="">HarmonyOS</a></li>
                        <li><a href="">华为终端云空间</a></li>
                        <li><a href="">开发者联盟</a></li>
                        <li><a href="">华为商城手机版</a></li>
                        <li><a href="">网站地图</a></li>
                    </ul>
                    <p>
                        <a href="">隐私声明</a>&nbsp;<a href="">服务协议</a>&nbsp;<a href="">COOKIES</a>&nbsp;<span>Copyright&nbsp;&nbsp;2012-2021&nbsp;华为终端有限公司&nbsp;版权所有</span>&nbsp;<a href="">粤ICP备&nbsp;19015064号</a>&nbsp;<i>|</i>&nbsp;<a href="">粤公网安备&nbsp;44190002003939号</a>
                    </p>
                    <p>
                        增值电信业务经营许可证:&nbsp;&nbsp;粤B2-20190762&nbsp;<i>|</i>&nbsp;备案主体编号:&nbsp;44201919072182&nbsp;<i>|</i>&nbsp;粤新出网备&nbsp;(2021)&nbsp;2号

                    </p>
                    <p>
                        <a href="">互联网药品信息服务资格证&nbsp;(粤)&nbsp;-非经营性-2020-0102</a>&nbsp;<i>|</i>&nbsp;粤东食药监械经营备20203930
                    </p>
                </div>
                <p>
                    <a href="">
                        <img src="../img/18.png" alt="电子营业执照">
                    </a>
                </p>
            </div>
        </div>
    </div>
    <ul class="fixbox">
        <li>
            <a href="">
                <div></div>
                <span>购物车</span>
            </a>
        </li>
        <li>
            <a href="">
                <div></div>
                <span>在线客服</span>
            </a>
        </li>
        <li>
            <a href="">
                <div></div>
                <span>自助服务</span>
            </a>
        </li>
        <li>
            <a href="">
                <div></div>
                <span>返回顶部</span>
            </a>
        </li>
    </ul>
</body>

</html>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },
        // 自动播放

        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },

        // 播放的速度

        speed: 2000,

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        }


    })
</script>